
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 引入 Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../css/main.css" />
<script src="https://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/script.js"></script>
<title>维修调度</title>
<style>
.selector
{
	<!--background:#33F;-->
	width:100%;
	height:200px;
	border-bottom:#000 medium dashed;
}
.container{
	<!--background:#CFF;-->
	width:100%;
	height:540px;
}
.item
{
	height:180px;
	border-bottom-width:medium;
	border-bottom:#000 medium thin
}
.page{
	height:60px;
}
</style>
</head>

<body>
<div class="selector">
		<ul class="select">
		<li class="select-list">
			<dl id="select1">
				<dt>报修时间：</dt>
				<dd class="select-all selected"><a href="#">全部</a></dd>
				<dd><a href="#">2017/9月</a></dd>
				<dd><a href="#">2017/10月</a></dd>
				<dd><a href="#">2017/11月</a></dd>
				<dd><a href="#">2017/12月</a></dd>
			</dl>
		</li>
		<li class="select-list">
			<dl id="select2">
				<dt>报修类型：</dt>
				<dd class="select-all selected"><a href="#">全部</a></dd>
				<dd><a href="#">水电</a></dd>
				<dd><a href="#">供热</a></dd>
				<dd><a href="#">床铺</a></dd>
				<dd><a href="#">座椅</a></dd>
				<dd><a href="#">阳台</a></dd>
			</dl>
		</li>
		<li class="select-result">
			<dl>
				<dt>已选条件：</dt>
				<dd class="select-no">暂时没有选择过滤条件</dd>
			</dl>
		</li>
		</ul>
</div>
<div class="container">
<div class="item">
        	<div >报修一
            	<span><input type="button" onclick="toWeiXiuForm()"  style="float:right" value="安排维修组长"/></span>
            </div>
            <div >
            	<span>报修人：张一 </span><span style="margin-left:40px">报修时间：2018/1/1</span><span style="margin-left:40px">报修地址：xxx</span>
            </div>
            <div>
            	问题描述：&nbsp;&nbsp;的方式是的嘎嘎嘎
            </div>
            
        	
</div>
<div class="item">
        <div >报修一</div>
            <div >
            	<span>报修人：张一 </span><span style="margin-left:40px">报修时间：2018/1/1</span><span style="margin-left:40px">报修地址：xxx</span>
            </div>
            <div>
            	问题描述：&nbsp;&nbsp;的方式是的嘎嘎嘎
            </div>
            <div>
                <div class="form-group">
    				<label for="name">维修者</label>
    				<select class="form-control">
      					<option>1</option>
     					<option>2</option>
     				    <option>3</option>
      					<option>4</option>
      					<option>5</option>
    				</select>
           	  </div>
        	</div>
</div>
      
        <div class="item">
        <div >报修一</div>
            <div >
            	<span>报修人：张一 </span><span style="margin-left:40px">报修时间：2018/1/1</span><span style="margin-left:40px">报修地址：xxx</span>
            </div>
            <div>
            	问题描述：&nbsp;&nbsp;的方式是的嘎嘎嘎
            </div>
            <div>
                <div class="form-group">
    				<label for="name">维修者</label>
    				<select class="form-control">
      					<option>1</option>
     					<option>2</option>
     				    <option>3</option>
      					<option>4</option>
      					<option>5</option>
    				</select>
           	  </div>
        </div>
		</div>
</div>
    <div class="page">
    <ul class="pagination" style="float:right; margin-left:20px; font-family: Arial, Helvetica, sans-serif, '新宋体';">
    <li ><a href="#">«</a></li>
    <li class="active"><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">6</a></li>
    <li><a href="#">»</a></li>
  </ul>
    </div>

</body>
<script>
function toWeiXiuForm()
{
	var weixiu_id=$(this).attr("weixiu_id");
	var url="weiXiuForm.html?weixiu_id="+"1";
	alert(url);
	window.open(url,"安排维修组长");
}
//查询所有数据
$().ready(function()
{
	//获取数据
	$().post("/ulms_project/repair/admin_repairlist_detail",function(data)
	{
		//将每条维修信息显示在网页上
		var str;
		$(data).each(function () {
				str+=
				'<div class="item">'+
        		'<div >'+this.describe+
            	'<span><input type="button" onclick="toWeiXiuForm()" weixiu_id='+this.id+' style="float:right" value="安排维修组长"/></span>'+
            	'</div>'+
            	'<div >'+
            	'<span>报修人：'+this.name+' </span><span style="margin-left:40px">报修时间：'+this.time+'</span><span style="margin-left:40px">报修地址'+this.address+'</span>'+
           	 	'</div>'+
            	'<div>'+
            	'问题描述：'+this.describe+
           		 '</div>'+
				'</div>'
		});
		$("#container").html(str);
	});
});
//根据查询条件查询维修(有些复杂后面有时间在写)
function query()
{
	
}
</script>
</html>
